html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #0a6f0a;
	text-decoration:none;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #cef5a3;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #695F4C;
	padding-bottom: 10px;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: 37px auto;
	width: 672px;
	background: #72d801;
  position: relative;
}

#header {
  background: #41c244 url(images/header.jpg) no-repeat;
  height: 266px;
}
#logo {
	position: absolute;
	top: 12px;
	left: 300px;
	width: 355px;
	color: #215c22;
	height: 90px;
	background: #41c244 url(images/logo.jpg) no-repeat;
}
#logo h1 {
  font: bold 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 0;
  font-weight: bold;
}

#cart {
  position: absolute;
  top: 10px;
  left: 454px;
  width: 208px;
  background: #4B5360;
  width: 209px;
}
#cart-top { background: url(images/cart_top.gif) no-repeat; }
#cart-bot { background: bottom left url(images/cart_bot.gif) no-repeat; }
#cart-cart { background: 9px 11px url(images/cart.gif) no-repeat; }
#cart-cart {
  padding: 8px 8px 8px 60px;
  color: white;
}
#cart p {
  margin: 0;
}
#cart .orange {
  color: #FFB400;
  font-size: 10px;
}
#cart a {
  color: white;
  font-size: 10px;
}

#nav {
	background: #085f0a;
	position:absolute;
	top: 231px;
	left: 198px;
	width: 473px;
	padding: 9px 0;
	text-align:right;
	height: 16px;
}
#nav li {
  list-style: none;
  display: inline;
  color: #fff;
}
#nav a {
  text-decoration: none;
  color: #fff;
}
#gallery {
	position: absolute;
	top: 115px;
	left: 287px;
	width: 385px;
}
#gallery li {
  list-style: none;
  text-indent: -999px;
  float: left;
  overflow: hidden;
  height: 111px;
}
#gallery .gwomen {
  background: url(images/pic_1.jpg) no-repeat;
  width: 127px;
}
#gallery .gkids {
  background: url(images/pic_2.jpg) no-repeat;
  width: 130px;
}
#gallery .gmen {
  background: url(images/pic_3.jpg) no-repeat;
  width: 128px;
}

#body {
  padding-top: 3px;
  background-color:#d6fbc0;
}
#categories {
  float: left;
  width: 195px;
  background-color:#d6fbc0;
}
#seasonal, #collection {
  float: right;
  width: 474px;
  background: #d6fbc0;
  margin-bottom: 2px;
}
#seasonal .inner, #collection .inner {
  padding: 6px 12px;
}
#seasonal p, #collection p {
  margin: 0.9em 0;
}

.more a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}

h3 {
  font: bold 14px "arial narrow", arial, sans-serif; 
  color: #1B1812;
}

h2 {
  font: 18px "arial narrow", arial, sans-serif; 
  color: #3e9a07;
  padding-bottom: 10px;
}
#categories h2 {
  color: #FFF;
  padding: 0px 0 0px 0px;
  background: #6bbe3a;
  text-align: center;
}
#categories li {
  background: #75cc42 left url(images/bullet.gif) no-repeat;
  border-top: 1px solid #F4EFDF;
  list-style: none;
  font-size: 12px;
  padding: 7px 0 8px 35px;
}
#categories a {
  text-decoration: none;
  color: #000000;
}
#categories a:hover {
  text-decoration: underline;
}

#collection {
  background: #d6fbc0 bottom right url(images/person_bg.jpg) no-repeat;
}
#collection .inner {
  padding-right: 98px;
}
#minigal {
  float: right;
  width: 222px;
  margin-top: 1em;
  margin-bottom: 1em;
}
#minigal div {
  float: left;
  margin: 6px;
}
#collection ul {
  margin-left: 1.5em;
}
#collection li {
  margin: 0.2em 0;
  color: #463F32;
  font-size: 16px;
  font-weight: bold;
  font-family: "arial narrow", arial, sans-serif;
}
#collection p {
  width: 103px;
  margin-left: 1.5em;
}

#seas-one, #seas-two, #seas-three {
  height: 146px;
}

#seas-one {
  float:left;
  width: 201px;
  margin-right: 0px;
  background: url(images/foot_1.jpg) no-repeat;
}
#seas-two {
  float: left;
  width: 249px;
  margin-right: 0px;
  background: url(images/foot_2.jpg) no-repeat;
}
#seas-three {
  float: left;
  width: 222px;
  background: url(images/foot_3.jpg) no-repeat;
}

#seas p {
  text-align: right;
  color: #000;
  margin: 80px 15px 0 0;
  font-size: 23px;
  font-weight: bold;
}
#seas p.date {
  margin-top: 0;
  font-size: 16px;
}

#copyright {
  text-align: center;
  font-size: 14px;
  padding: 6px;
  font-weight: bold;
}



/* Capas de transparencia y mensajes de confirmacion */

/*.campo { width:240px; }*/

.ayuda { width:50px; text-align:center; opacity:0.95; }

.inputError
{
/* Capas de transparencia y mensajes de confirmacion */	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

#mensajeV
{ text-align:center;
	background-color:#FFFFFF;
	z-index:1;
	position:absolute;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}

#mensajeValida
{      text-align:center;
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}
#transparencia
{ text-align:center;
	background-color:#FFFFFF;
	z-index:1;
	position:absolute;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}
#transparenciaMensaje
{      text-align:center;
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}

#transparencia2
{
        text-align:center;
	background-color:#FFFFFF;
	z-index:1;
	position:absolute;
	width:476px;
	height:34px;
	display:none;
	opacity:0.85; filter:alpha(opacity="85");
}

#transparenciaMensaje2
{
        text-align:center;
	position:absolute;
	width:500px;
	height:100px;
	margin-top:-20px;
	margin-left:-260px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
        opacity:0.95; filter:alpha(opacity="95");
}

#ayudaTitulo
{
	background-color:#000000;
	color:#FFFFFF;
	padding:1px;
        opacity:0.95; filter:alpha(opacity="95");
}

#ayudaTexto
{
	vertical-align:middle;
	padding:2px;
        opacity:0.95; filter:alpha(opacity="95");
}
body {
	font-family: arial, helvetica, serif;
}
/*Mensajes desplegar*/
/* Set up the containing div with a background image */
/* Establece el div que contiene una imagen de fondo */

#outer {width:600px; height:512px; border:0px solid #000; position:relative;}

/* Style the surrounding 'decoration' for this demo only. This is not required for the menu function
Estilo de los alrededores de 'decoración' de esta demostración solamente. Esto no es necesario para la función de menú */
#outer .pad1 {width:35px; height:24px; background:#085f0a; float:left; margin-top:2px; margin-right:2px; border:0px solid #000; border-width:0px 1px 1px 0;}
#outer .pad2 {width:35px; height:24px; background:#085f0a; float:left; margin-top:2px; margin-bottom:2px; border:0px solid #000; border-width:0px 0 1px 1px;}
#outer .topline {width:719px; height:3px; border-bottom:0px solid #000; background:#085f0a; font-size:1px;}
#outer .botline {clear:both; width:719px; height:3px; border-bottom:0px solid #000; border-top:0px solid #000; background:#085f0a; font-size:1px;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists
El menú de estilo * /
/ * Eliminar el relleno, márgenes y viñetas de la lista * /
*/
.menu, .menu ul {list-style-type:none; padding:0; margin:0;}

/* Para IE7 a la posición de las tablas correctamente  */
.menu {position:relative;}

/* Para IE5.5 y IE6 a la posición de las tablas correctamente  */
* html .menu {position:static;}

/* Establece el tamaño de los elementos de lista y flotar a la izquierda para colocar en línea */
.menu li {float:right; background:#085f0a; width:110px; height:24px; margin:2px 2px 0 0; border:0px solid #000;}

/* Da el nivel sub elemento de la lista un color de fondo diffent hacer es salir de pie ".  */
.menu li.sub {background:#085f0a;}

/* El estilo y la posición de la tabla por lo que no toma parte en la función de menú. El tamaño de la fuente es necesario para IE5.5
Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:-1px;
	left:1px;
	font-size:1em;
}

/* Default link styling */
.menu li a {display:block; color:#433; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:110px; text-decoration:none; text-align:center;}

/* Estilo de la lista de suspender o enlace. Depende de qué navegador se usa  */
.menu :hover {color:#fff;background:#72d801;}

/* Dar la lista de enlaces o de una posición relativa. Depende de qué navegador se usa */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}

/* Para todos los navegadores excepto IE5.5 y IE6 para mantener el estado hover a través del menú en cascada*/
.menu li:hover > a {color:#fff; background:#72d801;}

/* Mantener el "próximo nivel invisible colocándolo fuera de la pantalla.  */
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul ul.left {position:absolute;left:-9999px; width:128px;}

/* Coloque el nivel sub desplegable debajo de la primera a nivel de ítem lista de los mejores cuando se cierne sobre la lista de vínculos superior nivel O. La imagen es transparente para IE7 para hacer esto correctamente. La imagen no tiene que existir:) */
.menu :hover ul{left:-1px; top:24px; background:transparent url(transparent.gif); padding-top:8px; }

/* Posición del sub menú lateral niveles a la derecha oa la izquierda cuando se cierne sobre el nivel del sub acoplamiento de la lista O.  */
.menu :hover ul :hover ul {padding:9px 3px;left:100px;top:0;}
.menu :hover ul :hover ul.left {left:-106px;}
.menu :hover ul :hover ul :hover ul {padding:9px 3px;left:100px;top:0;}
.menu :hover ul :hover ul :hover ul.left {left:-106px;}


.Estilo1 {
	color: #FFFFFF;
	font-weight: bold;
}
